@mixin borderRadius($v) {
  -ms-border-radius: &v;
  border-radius: $v;
}

/*4.6 标签与标号
  name:        hui-label
  example:    <span class="hui-label hui-label-default|hui-label-primary|hui-label-secondary|hui-label-success|hui-label-warning|hui-label-danger">默认</span>
  explain:    .hui-label-default 默认|.hui-label-primary 主要|.hui-label-secondary 次要|.hui-label-success 成功|.hui-label-warning 警告|.hui-label-danger 危险

  name:        hui-badge
  example:    <span class="hui-badge hui-badge-default|hui-badge-primary|hui-badge-secondary|hui-badge-success|hui-badge-warning|hui-badge-danger">默认</span>
  explain:    .hui-badge-default 默认|.hui-badge-primary 主要|.hui-badge-secondary 次要|.hui-badge-success 成功|.hui-badge-warning 警告|.hui-badge-danger 危险

*/
.hui-badge {
  padding: 2px 9px;
  @include borderRadius(9px);
}
.hui-label {
  padding: 2px 4px;
  /*圆角*/
  &.radius {
    @include borderRadius(3px);
  }
}
.hui-label,
.hui-badge {
  display: inline-block;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #999;
  overflow: hidden;
  &:empty {
    display: none;
  }
  &:hover,
  &:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  /*默认*/
  &.hui-label-default,
  &.hui-badge-default,
  &.hui-label-default[href],
  &.hui-badge-default[href] {
    background-color: #e6e6e6;
    color: #333;
  }

  /*主要*/
  &.hui-label-primary,
  &.hui-badge-primary,
  &.hui-label-primary[href],
  &.hui-badge-primary[href] {
    background-color: #5a98de;
  }

  /*次要*/
  &.hui-label-secondary,
  &.hui-badge-secondary,
  &.hui-label-secondary[href],
  &.hui-badge-secondary[href] {
    background-color: #3bb4f2;
  }

  /*成功*/
  &.hui-label-success,
  &.hui-badge-success,
  &.hui-label-success[href],
  &.hui-badge-success[href] {
    background-color: #5eb95e;
  }

  /*警告*/
  &.hui-label-warning,
  &.hui-badge-warning,
  &.hui-label-warning[href],
  &.hui-badge-warning[href] {
    background-color: #f37b1d;
  }

  /*危险*/
  &.hui-label-danger,
  &.hui-badge-danger,
  &.hui-label-danger[href],
  &.hui-badge-danger[href] {
    background-color: #dd514c;
  }
}